【Day04】Bootstrap介紹 + 套版


a. 什麼是 Bootstrap ?

是一種開源的前端開發框架,提供響應式行動裝置網頁設計的框架,包含 HTML 、 CSS 及 JS 等內容。


b. 將 repository 複製一份到自己的電腦

先至 GitHub 頁面,用 GitHub Desktop 開啟專案
( 記得先行下載 GitHub Desktop )

選擇存放在本地端路徑,選擇完按下 Clone


c. 將 Bootstrap 套版

點選此連結,選一個免費的主題下載來套套看吧 !

進入 GitHub Desktop ,點選 Show in Explorer

將專案資料夾裡的所有項目刪除,貼上剛剛下載主題內容的所有檔案


d. 部屬自己的靜態網站

開啟 GitHub Desktop , 可以看到左側欄顯示所有變動檔案,下面填寫變動的標題及內容,完成後按下 Commit to master

接著,會看到這個畫面,兩個紅框的 Push origin 都可以點選,此動作為將資料夾的檔案同步至 Github

此動作完成後,就可以看到你選擇的主題已經套用成功啦 !


f. 參考資料

Bootstrap 初學介紹 #靜態篇

不用懂git也能用GitHub Pages架設靜態網站並綁定網域

#Bootstrap #Github #GitHub Page







你可能感興趣的文章

[ MTR04 ] Final project 心得_ Parlando

[ MTR04 ] Final project 心得_ Parlando

我要成為前端工程師的學習筆記:HTML & CSS 篇 - 文字排版、線條 Day4

我要成為前端工程師的學習筆記:HTML & CSS 篇 - 文字排版、線條 Day4

程式導師計畫 4th / 第 15 週心得

程式導師計畫 4th / 第 15 週心得






留言討論